* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: Helvetica Neue, Tahoma, Arial, PingFangSC-Regular, Hiragino Sans GB, Microsoft Yahei, sans-serif;
}
a {
  color: #333;
  text-decoration: none;
}
img {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
ul {
  list-style: none;
}
.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
* {
  margin: 0;
  padding: 0;
  /* css3盒子模型 */
  box-sizing: border-box;
}
body {
  background: url(../images/1.jpeg  );
}
.head {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  line-height: 13.33333333vw;
  height: 13.33333333vw;
  color: #fff;
  background-color: #c4d3c1;
  font-size: 5.33333333vw;
}
.head ul {
  display: flex;
  justify-content: center;
}
.head li {
  padding: 5.33333333vw 5.33333333vw;
}
.b {
  background-color: rgba(142, 91, 91, 0.505);
  border-radius: 2.66666667vw;
  display: flex;
  justify-content: space-between;
  text-align: center;
  line-height: 8vw;
  height: 8vw;
  margin: 1.33333333vw 0.26666667vw 0 2.66666667vw;
}
.b .xiao {
  border-radius: 8vw;
  border: 0.26666667vw solid #af2f2f;
  width: 8vw;
  color: #fff;
  line-height: 7.2vw;
  font-size: 2.66666667vw;
}
.b .zhu {
  width: 80vw;
  color: #fff;
}
.b .zhu input {
  width: 100%;
  height: 100%;
  border: 0;
}
.b .zhui {
  background-color: pink;
}
.b .bian {
  font-size: 2.66666667vw;
  color: #fff;
  width: 8vw;
}
.di {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 16vw;
  font-size: 5.33333333vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.di .ru {
  border: none;
  border-radius: 2.66666667vw;
  height: 8vw;
  background-color: rgba(255, 255, 255, 0.5);
}
.di .xin {
  border: none;
  border-radius: 2.66666667vw;
  background-color: #c4d3c1;
  height: 8vw;
}
.di ul {
  display: flex;
  justify-content: center;
}
.di li {
  font-size: 5.33333333vw;
  padding: 0 5.33333333vw 0 5.33333333vw;
}
